
import {
    StyleSheet
} from 'react-native';
import color from '../../../public/widget/color';
import {screen} from '../../../public/common';
const styles = StyleSheet.create({
    container:{
        flex:1,
        backgroundColor: "#fff",
        paddingTop: screen.fullscreenMT
    },
    topImg:{
        width:screen.width-20,
        height:120,
        marginLeft: 10,
    },
    titleText:{
        fontSize: 26,
        textAlign:'center',
        color:'#000',
    },
    titleProduct:{
        fontSize: 16,
        textAlign:'left',
        color:'#fb6c03',
        marginTop:20,
        marginLeft:5,
    },
    bigBox:{
        backgroundColor: "#fff",
        flexDirection: 'row',
        justifyContent:'space-between',
        alignItems: 'center',
        marginBottom:15,
        borderColor:color.border,
        borderBottomWidth: 1,
        paddingBottom: 16,
        paddingTop: 20,
        width:screen.width-20,
        marginLeft:10
    },
    box:{
        flexDirection:'row',
        alignItems:'center',
        marginBottom: 10,
        width:screen.width-400,
        marginLeft:20,
        backgroundColor: "#fff",
        marginTop: 20,

        shadowColor:'#fb6c03',
        shadowOffset:{h:10,w:10},
        shadowOpacity:0.8,
        shadowRadius:3,
        //注意：这一句是可以让安卓拥有灰色阴影
        elevation: 4,
        paddingTop: 10,
        paddingBottom: 10,
        borderRadius: 10,
    },
    image:{
        marginLeft:20,
        width:60,
        height:60
    },
    textName:{
        marginRight:10,
        marginLeft: 10,
    },
    typeCard:{
        flexDirection:'row',
        justifyContent:'space-around',
        alignItems: 'center',
        marginTop:5,
        marginBottom: 5,
    },
    FontAwesome:{
        marginLeft: 5,
    },
});
export default styles